<!DOCTYPE html>
<html>
  <head>
  	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">
	<meta name="format-detection" content="telephone=no">
	<title>${cms_sitetitle}</title>
	<meta name="keywords" content="${cms_keywords}" />
    <meta name="description" content="${cms_descinfo}" />
	<link rel="stylesheet" type="text/css"  href="/css/swiper.min.css">
    <link rel="stylesheet" type="text/css"  href="/css/css.css"/>
  </head>
  <script>
    document.getElementsByTagName('html')[0].style.fontSize = document.documentElement.clientWidth/7.5 + 'px'
    window.onresize = function() {
        document.getElementsByTagName('html')[0].style.fontSize = document.documentElement.clientWidth/7.5 + 'px'
    }
</script>
  <body>
	@include("/header.html",{"topcode":"","activeclass":"cur"}){}
	<div class="profile">
		<div class="profileTxt">
			<div class="profileTit">
				<h2>COMPANY PROFILE</h2>
				<span>项目介绍</span>
			</div>

			<p>
				<#cms_channels row='1' showflag='0' code="jianjie" ;channels>
					@for(channel in channels){
						${channel.content}
					@}
				</#cms_channels>
			</p>
			
			<a href="" class="more">更多</a>
		</div>
		<div class="profileImg">
			<img src="/images/img1.jpg" >
		</div>
	</div>
	<div class="homeLink">
		<div class="linkCont">
			<div class="linkLeft">
				<p>模板标签渲染，使用简单方便<br/>太丝滑</p>
				<a href="/page/lianxiwomen">联系方式    +</a>
			</div>
			<div class="linkList">
				<div class="linkBox">
					<a href="javascript:void(0);" >
						<div class="linkImg">
							<img src="images/icon1.png" >
						</div>
						<div class="linkTxt">
							<p>不知道跳转什么</p>
							<span>CERTIFICATE</span>
						</div>
					</a>
				</div>
				<div class="linkBox">
					<a href="/page/ziyuanxiazai">
						<div class="linkImg">
							<img src="images/icon2.png" >
						</div>
						<div class="linkTxt">
							<p>资源下载</p>
							<span>RESOURCES</span>
						</div>
					</a>
				</div>
			</div>
		</div>
	</div>
	<div class="service">
		<div class="serviceTit">
			特色服务
		</div>
		<div class="serviceLink">
			<ul>
				<li>
					<div class="posTxt">
						<h2>Beetl语法</h2>
						<h3>Bee Template Language</h3>
						<p>功能完备<br/>非常简单<br/>超高的性能<br/>易于整合<br/>扩展和个性化</p>
					</div>
					<img src="images/cover1.jpg" >
				</li>
				<li>
					<div class="posTxt">
						<h2>安全完善</h2>
						<h3>Safe and perfect</h3>
						<p>安全过滤<br/>漏洞过滤<br/>Xss过滤</p>
					</div>
					<img src="images/cover2.jpg" >
				</li>
				<li>
					<div class="posTxt">
						<h2>智能辅助</h2>
						<h3>Intelligent assistance</h3>
						<p>一键简介提取<br/>一键seo关键词提取<br/>一键关键字过滤</p>
					</div>
					<img src="images/cover3.jpg" >
				</li>
				<li>
					<div class="posTxt">
						<h2>产品服务</h2>
						<h3>product</h3>
						<p>企业级cms内容管理<br/>企业业务轻松应对</p>
					</div>
					<img src="images/cover4.jpg" >
				</li>
			</ul>
		</div>
	</div>
	<div class="news">
		<div class="serviceTit">
			新闻动态
		</div>
		<div class="newsCont">
			<div class="newsHd">
				
				<!-- <span class="cur">公司新闻</span>
				<span>行业新闻</span> -->
				<#cms_channels pcode="news" ;channels>
				@for(channel in channels){
					@if(channelLP.index == 1 ){
						<span class="cur">
					@}else{
						<span>
					@}
					${channel.name}</span>
				@}
			</#cms_channels>

			</div>
			<div class="newsBd">
				<div class="newsSlide">
					<#cms_articlelist row="1" code="gongsixinwen" orderby="pubdate" orderway="desc" ;articles>
						@for(item in articles){
						<div class="newsImg">
							<!-- <a href="${item.url}">
								<img src="${item.picname==''?cms_default_pic:item.picname}" >
						</a> -->
						</div>
						@}
					</#cms_articlelist>

					<div class="newsList">
						<ul>
							<#cms_articlelist row="3" code="gongsixinwen" orderby="id" orderway="desc" ;articles>
							@for(item in articles){
							<li>
								<a href="${item.url}">
									<div class="newsDate">
										<p>${item.pubdate,"dd"}</p>
										<span>${item.pubdate,"yyyy-MM"}</span>
									</div>
									<div class="newsTag">
										<p>${item.title}</p>
										<span>${item.info}...</span>
									</div>
								</a>
							</li>
							@}
							</#cms_articlelist>

						</ul>
					</div>
					
				</div>
				<div class="newsSlide dn">

					<#cms_articlelist row="1" code="hangyexinwen" orderby="pubdate" orderway="desc" ;articles>
						@for(item in articles){
					<div class="newsImg">
						<a href="${item.url}">
						<img src="${item.picname==''?cms_default_pic:item.picname}" >
					</a>
					</div>
					@}
					</#cms_articlelist>

					<div class="newsList">
						<ul>

							<#cms_articlelist row="3" code="hangyexinwen" orderby="id" orderway="desc" ;articles>
							@for(item in articles){
							<li>
								<a href="${item.url}">
									<div class="newsDate">
										<p>${item.pubdate,"dd"}</p>
										<span>${item.pubdate,"yyyy-MM"}</span>
									</div>
									<div class="newsTag">
										<p>${item.title}</p>
										<span>${item.info}...</span>
									</div>
								</a>
							</li>
							@}
							</#cms_articlelist>

						</ul>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="partner">
		<div class="serviceTit">
			合作企业
		</div>
		<div class="partnerSlide">
			<div class="swiper mySwiper">
			  <div class="swiper-wrapper">
				<div class="swiper-slide">
					<a href=""><img src="images/link1.jpg" ></a>
				</div>
				<div class="swiper-slide">
					<a href=""><img src="images/link2.jpg" ></a>
				</div>
				<div class="swiper-slide">
					<a href=""><img src="images/link3.jpg" ></a>
				</div>
				<div class="swiper-slide">
					<a href=""><img src="images/link4.jpg" ></a>
				</div>
				<div class="swiper-slide">
					<a href=""><img src="images/link5.jpg" ></a>
				</div>
				<div class="swiper-slide">
					<a href=""><img src="images/link1.jpg" ></a>
				</div>
				<div class="swiper-slide">
					<a href=""><img src="images/link2.jpg" ></a>
				</div>
				<div class="swiper-slide">
					<a href=""><img src="images/link3.jpg" ></a>
				</div>
				<div class="swiper-slide">
					<a href=""><img src="images/link4.jpg" ></a>
				</div>
				<div class="swiper-slide">
					<a href=""><img src="images/link5.jpg" ></a>
				</div>
			  </div>
			</div>
			<div class="swiper-button-next"></div>
			<div class="swiper-button-prev"></div>
		</div>
	</div>

	@include("/footer.html"){}

  </body>
  <script src="/js/swiper.min.js"></script>
  <script type="text/javascript" src="/js/jquery-2.1.4.js"></script>
  <script>
	var swiperBanner = new Swiper(".banner .mySwiper", {
		pagination: {
		  el: ".banner .swiper-pagination",
		  clickable:true,
		},
		loop:true,
		autoplay:true,
	  });
	//新闻切换
	  $('.newsHd span').click(function(){
	  	$(this).addClass('cur').siblings().removeClass('cur');
	  	var num = $(this).index();
	  	$('.newsBd .newsSlide').eq(num).fadeIn().siblings().hide();
	  })
	 
		$(function(){
			var windowScreen = $(window).width();
			if(windowScreen>1080){
				var swiperpartnerSlide = new Swiper(".partnerSlide .mySwiper", {
					  slidesPerView: 5,
					  spaceBetween: 20,
					  navigation: {
						nextEl: ".partnerSlide .swiper-button-next",
						prevEl: ".partnerSlide .swiper-button-prev",
					  },
					  loop:true,
					  autoplay:true,
					});
			}else{
				var swiperpartnerSlide = new Swiper(".partnerSlide .mySwiper", {
					  slidesPerView:3,
					  spaceBetween:10,
					  navigation: {
						nextEl: ".partnerSlide .swiper-button-next",
						prevEl: ".partnerSlide .swiper-button-prev",
					  },
					  loop:true,
					  autoplay:true,
					});
			}
		})
	//搜索
	$('.headerSearch span').click(function(){
		$(this).siblings('.searchSub').fadeToggle();
	})
	$(".searchBtn").click(function(){
		console.log($("#searchTextInput").val());
		var searchTextInput =$("#searchTextInput").val();
		if(searchTextInput){
			window.location.href="/page/search?name="+searchTextInput+"&pagesize=1&pageindex=1";
		}
	})

	$('.menu').click(function(){
		if($(this).hasClass('on')){
			$(this).removeClass('on');
			$('#screen').fadeOut();
			$('.nav').animate({'left':'-110%'},500)
		}else{
			$(this).addClass('on');
			$('#screen').fadeIn();
			$('.nav').animate({'left':'0'},500)
		}
	})
	$('#screen').click(function(){
		$('.menu').removeClass('on');
		$('#screen').fadeOut();
		$('.nav').animate({'left':'-110%'},500)
	})

  </script>
</html>
